/* å¤´éƒ¨ */
.header {
  height: 9rem;
  border-top: 0.01rem solid transparent;
  background: url('./_baner.png') no-repeat top center;
  background-size: 100% auto;
}

.title {
  margin-top: 0.39rem;
}

.logos {
  margin-left: 3.83rem;
  float: left;
}

.logos img {
  width: 1.44rem;
  height: 0.45rem;
}

.logos h1 {
  font-size: 2rem;
}

.links {
  float: right;
  margin-right: 2.8rem;
}

/* .link_item {
  width: .86rem;
  height: .56rem;
}
.link_item .rect {
  width: .86rem;
  text-anchor: middle;
  height: .56rem;
  fill:transparent;
  stroke:white;
  stroke-width:6px;
  stroke-dasharray:0 500;
  stroke-dashoffset:0;
  transition:0.5s ease;
}
.link_item:hover .rect {
  stroke-dasharray:500 0;
  stroke-width:6px;
  stroke:rgba(255,103,0,1);
}
.link_item .text {
  stroke: #fff;
  font-size: .19rem;
}
.link_item .en {
  stroke: #fff;
  font-size: .14rem;
} */
.link_item {
  position: relative;
  display: inline-block;
  height: 0.54rem;
  margin-left: 0.73rem;
  color: #ffffff;
  text-align: center;
  font-size: 0.19rem;
  font-weight: 700;
  overflow: hidden;
}

.link_item .text {
  font-size: 0.19rem;
}

.link_item .text a {
  color: #ffffff;
}

.link_item .en {
  font-size: 0.14rem;
}

.link_item::after {
  content: '';
  position: absolute;
  left: -100%;
  bottom: 0.03rem;
  transition: all .5s;
  width: 100%;
  height: 0.03rem;
  background-color: #fff;
}

.link_item:hover::after {
  left: 0;
}

.subtitle {
  height: 1.35rem;
  margin: 3.03rem 0 0 4.01rem;
}

.subtitle div:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.52rem;
  color: #ffffff;
}

.subtitle div:nth-of-type(2) {
  width: 0.92rem;
  height: 0.04rem;
  margin-top: 0.86rem;
  background-color: #fff;
}

.subtitle div:nth-of-type(3) {
  display: flex;
  flex-wrap: wrap;
  width: 3.83rem;
  margin-top: 0.35rem;
  font-size: 0.18rem;
  color: #ffffff;
}

.subtitle div:nth-of-type(3) span {
  padding: 0 .1rem;

}

.header_img {
  width: 0.16rem;
  height: 0.48rem;
  margin-top: 0.29rem;
}

/* CAæ—¥æŠ¥å®žæ—¶å‘å¸ƒ */
.daily {
  display: flex;
  justify-content: center;
  padding-top: 1.22rem;
  height: 9rem;
  background: url('../img/daily_bg.png') no-repeat;
  background-size: 100% auto;
}

.daily_left {
  margin-right: 0.6rem;
  width: 4.6rem;
}

.daily_hd {
  height: 3.2rem;
  overflow: hidden;
}

.daily_title {
  margin-top: 0.41rem;
  font-size: 0.48rem;
  color: rgba(255, 103, 0, 1);
  font-weight: 700;
}

.daily_subtitle {
  margin-top: 0.29rem;
  font-size: 0.3rem;
  color: #000;
}

.daily_bd_title {
  font-size: 0.28rem;
  color: rgba(255, 103, 0, 1);
}

.daily_bd_content {
  margin-top: 0.5rem;
  font-size: 0.18rem;
  line-height: .31rem;
  color: #666;
}

.daily_bd_line {
  margin-top: 0.4rem;
  width: 0.8rem;
  height: 0.04rem;
  background: rgba(255, 103, 0, 1);
}

.daily_right {
  width: 4.8rem;
  height: 6.18rem;
  margin-left: 0.6rem;
  transform: scale(1);
  transition: all .5s;
}


.daily_right img {
  height: 100%;
  width: 100%;
}

/* äº†è§£caç¤¾ç¾¤ */
.know {
  display: flex;
  justify-content: center;
  height: 9rem;
  padding: 1.18rem 0 0;
  background: url('../img/know_bg.png') no-repeat;
  background-size: 100% auto;
}

.box_left {
  width: 4.25rem;
  float: left;
  color: #ffffff;
  margin-right: 0.43rem;
}

.box_left_title {
  font-size: 0.48rem;
}

.box_left_subtitle {
  margin-top: 0.28rem;
  font-size: 0.48rem;
  color: rgba(255, 199, 162, 1);
}

.box_left_intro {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.38rem;
  font-size: 0.18rem;
}

.box_left_intro span {
  margin-right: 0.25rem;
}

.box_left_content {
  margin-top: 0.82rem;
  font-size: 0.14rem;
  line-height: .35rem;
}

.know_con {
  float: left;
  overflow: hidden;
}

.know_item {
  background: #fff;
}

.know_right {
  height: 6rem;
  width: 8.8rem;
  position: relative;
  background-color: #fff;
}

.arrows,
.show_arrows {
  display: flex;
  justify-content: center;
  margin-top: 0.32rem;
}

.arrows_left,
.arrows_right,
.show_arrows_left,
.show_arrows_right {
  height: 0.48rem;
  width: 0.25rem;
  margin: 0 0.5rem;
  background-size: 0.25rem 0.48rem !important;
}

.know_item {
  display: flex;
  /* padding: 1.41rem 1.04rem 0;
  */
  justify-content: space-around;
}

.know_item .item_detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
}

.item_detail_img {
  width: 0.78rem;
  height: 0.78rem;
}

.item_detail_title {
  font-size: .18rem;
  margin-top: 0.34rem;
}

.item_detail_content {
  font-size: .16rem;
  margin-top: 0.5rem;
  line-height: .35rem;
  color: #666;
}

.arrows_left,
.show_arrows_left {
  background: url('../img/arrows_left.png');
}

.arrows_right,
.show_arrows_right {
  background: url('../img/arrows_right.png');
}

.item_detail_line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.01rem;
  border: 2px dashed rgba(255, 103, 0, 1);
  height: 4.62rem;
  z-index: 1;
}

/* ä¸‰å¤§CAæˆå‘˜æƒç›Š */
.rights {
  display: flex;
  justify-content: center;
  background: url('../img/rights_bg.png') no-repeat;
  background-size: 100% auto;
  height: 9rem;
  padding-top: 1.52rem;
}

.rights_left {
  width: 5.52rem;
}

.rights_left_title {
  font-size: 0.48rem;
  color: #FF6700;
  margin-top: 0.39rem;
}

.rights_left_subtitle {
  width: 3.56rem;
  font-size: 0.16rem;
  line-height: 0.3rem;
  margin-top: 0.25rem;
}

.rights_left_tabs {
  margin-top: 2.93rem;
  margin-left: 3.39rem;
}

.tabs_item {
  font-size: .18rem;
  height: .3rem;
  transform: scale(1);
  margin-top: 0.47rem;
  transition: all .5s;
}

.tabs_item.active {
  transform: scale(1.08);
  position: relative;
  font-size: 0.22rem;
  color: #FF6700;
}

.tabs_item.active::after {
  content: '';
  position: absolute;
  left: -0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.02rem;
  height: 0.2rem;
  background: #FF6700;
}

.righrs_con {
  position: relative;
  width: 4.8rem;
  height: 6.1rem;
  box-shadow: 0rem 0.01rem 0.27rem 0rem rgba(158, 159, 159, 0.2);
  border-radius: 0.3rem;
  margin-left: 0.86rem;
  overflow: hidden;
}

.rights_item {
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.1);
}

.rights_item.goout {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  transition: all 1s;

}

.rights_img {
  height: 3rem;
}

.rights_img img {
  width: 100%;
  height: 100%;
}

.rights_item ul {
  list-style-type: unset;
  margin-top: 0.6rem;
  margin-left: 1rem;
}

.rights_item ul li {
  margin-top: 0.3rem;
  font-size: .16rem;
}

/* åªéœ€å…­æ­¥ï¼Œè½»æ¾èµšé’± */
.tepup {
  display: flex;
  justify-content: center;
  height: 9rem;
  padding: 1.98rem 0 0;
  background: url('../img/tepup_bg.png') no-repeat;
  background-size: 100% auto;
}

.tepup_con {
  display: flex;
  flex-wrap: wrap;
  width: 9.5rem;
}

.tepup_item {
  width: 2.75rem;
  height: 2.7rem;
  padding: 0.3rem;
  background: #fff;
  margin-left: 0.25rem;
  transform: scale(1);
  border-right: 0.05rem solid rgba(190, 190, 190, 1);
  transition: all .5s;
}

.tepup_item:hover {
  transform: scale(1.08);
  border-right: 0.05rem solid rgba(255, 103, 0, 1);
}

.tepup_item:hover .tepup_number {
  background: rgba(255, 103, 0, 1);
}

.tepup_number {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 0.05rem;
  background: #ccc;
  color: #fff;
  text-align: center;
  line-height: 0.45rem;
  font-size: 0.3rem;
}

.tepup_title {
  font-size: 0.28rem;
  margin-top: 0.26rem;
}

.tepup_content {
  margin-top: 0.37rem;
  font-size: 0.2rem;
  color: #ccc;
}

/* ä¸ƒæ­¥æ‹…ä¿æµç¨‹ */
.flow {
  display: flex;
  height: 9rem;
  padding: 1.56rem;
  background: url('../img/setps_bg.png') no-repeat;
  background-size: 100% auto;
}

.flow_left {
  flex: 1;
  margin: 0 0.75rem;
  background: url('../img/flow_content_bg.png') no-repeat;
  background-size: 2.64rem 2.64rem;
  background-position: 2.65rem 2.34rem;
}

.flow_title {
  font-size: 0.48rem;
  color: #FF6700;
}

.flow_subtitle {
  font-size: 0.48rem;
  color: #000;
  margin-top: 0.2rem;
}

.flow_content {
  font-size: 0.15rem;
  color: #515359;
  margin-top: 2.15rem;
  line-height: .31rem;
  width: 2.46rem;

}

.flow_line {
  width: 0.6rem;
  height: 0.04rem;
  background: #FF6700;
  margin-top: 0.39rem;
}

.flow_right {
  flex: 1;
  margin: 0 0.75rem;
}

.flow_item {
  display: flex;
  align-items: center;
  height: .3rem;
  /* justify-content: center;
  */
  font-size: .2rem;
  margin-bottom: 0.6rem;
  transition: all .5s;
}

.flow_item.active .flow_item_img {
  width: 0.4rem;
  height: 0.5rem;
  background-size: 0.4rem 0.4rem;
  line-height: 0.4rem;
  transform: rotate(360deg);
}

.flow_item:active {
  font-size: .24rem;
}

.flow_item_img {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  margin-right: 0.2rem;
  text-align: center;
  color: #fff;
  background: url('../img/flow_item_img.png') no-repeat;
  background-size: 0.3rem 0.3rem;
  transition: all .5s;
}

/* ä¼˜ç§€æˆå‘˜å±•ç¤º */
.show {
  display: flex;
  justify-content: center;
  padding-top: 1.64rem;
  height: 9rem;
  background: url('../img/know_bg.png') no-repeat;
  background-size: 100% auto;
}

.show_item {
  margin-left: 0.05rem;
}

.show_item_img {
  width: 2.44rem;
  height: 5.28rem;
}

.show_right {
  width: 7.7rem;
  overflow: hidden;
}

.swiper-container {
  width: 7.5rem;
}

.show_con.swiper-wrapper {
  width: 7.7rem;
  height: 5.28rem;
}

.show_item.swiper-slide {
  width: 2.44rem;
  height: 5.28rem;
}

/* è”ç³»æˆ‘ä»¬ */
.contactUs {
  height: 14.41rem;
  padding-top: 0.66rem;
  color: #FF6700;
  text-align: center;
  background: url('../img/contactUs_bg.png') no-repeat;
  background-size: 100% auto;
}

.contactUs_title {
  font-size: 0.48rem;
}

.contactUs_subtitle {
  font-size: 0.3rem;
  margin-top: 0.27rem;
}

.contactUs_time {
  margin-top: 0.49rem;
  font-size: 0.16rem;
}

.contactUs_idea {
  margin-top: 0.21rem;
  font-size: .16rem;
}

.contactUs_con {
  width: 15rem;
  background-color: #fff;
  padding: 0.25rem 0;
  margin: 0.43rem auto 0;
  background: rgba(0, 0, 0, .12);
  border-radius: 0.2rem;
}

.contactUs_item {
  display: flex;
  width: 14rem;
  margin:  auto;
  color: #fff;
  font-size: .26rem;
  border-radius: 0.1rem;
  align-items: center;
  padding: 0 .3rem;
  justify-content: center;
  height: 0.62rem;
  transition:  all 1s;
  margin-bottom: 0.2rem;
}
.contactUs_item span {
  flex: 1;
  text-align: left;
}
.contactUs_item img {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: .3rem;
}

.contactUs_item.active {
  transform: rotateY(30deg);
  box-shadow: 5px 5px 10px #FF6700;
}

.contactUs_website {
  margin-top: 1.5rem;
  font-size: .16rem;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto
}


/* è¿”å›žé¡¶éƒ¨ */
#gotop {
  display: none;
  position: fixed;
  bottom: 15%;
  right: .56rem;
  width: .5rem;
  font-size: .24rem;
  height: .5rem;
  text-align: center;
  background: rgba(255,255,255,.5);
  background-size: .5rem .5rem;
  transition: all 1s;
}
#gotop:hover {
  background: rgba(255, 103, 0, 0.3);
}
#gotop img {
  width: .5rem;
  height: .5rem;
  vertical-align: top;
}